<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>视频播放-中海创科技 - 海创EAP低代码工业互联网平台</title>
    <link rel="stylesheet" type="text/css" href="/css/icon/iconfont.css">
    <link rel="stylesheet" type="text/css" href="/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/swiper/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <link rel="stylesheet" type="text/css" href="/css/eapschool/videoPlay.css">
    <script type="text/javascript" src="/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/plugins/superSlide.js"></script>
    <script type="text/javascript" src="/plugins/swiper/swiper.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/videoData.js"></script>
</head>
<style>

</style>

<body>
    <!-- 头部 -->
    <header class="hc-head">

    </header>

    <div class="hc-body">
        <!-- hc_banner -->
        <div class="hc_block1">
            <div class="hc_w1200">
                <div class="hc_block1_classify">

                </div>
                <div class="hc_block1_main">
                    <div class="hc_block1_video">
                        <video id="videoContent" class="videoCls" controlsList="nodownload" controls>
                            <source src="https://eapestudy.oss-cn-hangzhou.aliyuncs.com/%E7%AC%AC%E4%B8%80%E9%9B%86%20%20EAP%E5%B9%B3%E5%8F%B0%E4%BB%8B%E7%BB%8D%20.mp4"
                                type="video/mp4">
                        </video>
                        <!-- 控件 -->
                        <!-- <div class="hc_control_bar">
                            <div class="hc_play_control">

                            </div>
                        </div> -->
                        <!-- 遮罩层 -->
                        <div class="v_dialog">
                            <div class="v_dialog_docs">
                                <h4 class="v_dialog_title">本视频为e学堂VIP会员专属内容</h4>
                                <p class="v_dialog_desc">观看完整视频请开通会员</p>
                                <a class="v_dialog_btn" href="/page/login.html">
                                    开通VIP会员
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="hc_block1_menu">
                        <div class="hc_block1_title">

                        </div>
                        <div class="hc_block1_catalogue">
                            <ul class="hc_block1_list">

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="hc-foot">
    </div>
</body>

<script>
    $(function () {
        $.each(videoData, function (index, item) {
            let videoid = getQueryVariable("videoid")
            let pagination = getQueryVariable("p")
            if (videoid == item.id) {
                $.each(item.children, function (index2, item2) {
                    let p = index2 + 1
                    let curp = 0
                    if (pagination) {
                        curp = pagination - 1
                    }
                    let textnum = numberTotext(index2 + 1)
                    if (textnum.includes("一十")) {
                        textnum = textnum.replace("一十", "十")
                        console.log(textnum);
                    }
                    let _active = ""
                    if (index2 == curp) {
                        _active = "active"
                    }
                    let _li = `
                    <li class="hc_block1_item ${_active}">
                        <a href="/page/eapschool/videoPlay.html${"?videoid=" + item.id + "&p=" + p}">
                            <div class="hc_block1_desc">
                                <span class="xh">第${textnum}讲：</span>
                                <span class="ml">${item2.name}</span>
                            </div>
                        </a>
                    </li>
                    `
                    if (index2 == curp) {
                        let _ftitle = `
                        <div class="hc_block1_fbt">
                            <h4><span>${"第" + textnum + "讲"}：</span>${item2.name}</h4>
                            <p>${item2.desc}</p>
                        </div>
                        `
                        $(".hc_block1_classify").append(_ftitle)
                    }
                    $(".hc_block1_list").append(_li)
                })
                let tn = item.title + "：" + item.name
                let _title = `<h2>${tn}</h2>`
                $(".hc_block1_title").append(_title)
                let _classify = `<h2><span>${item.title}：</span>${item.name}</h2>`
                let _classifyp = `<p> <span>所属分类：</span>平台介绍 </p>`
                $(".hc_block1_classify").prepend(_classify)
                $(".hc_block1_classify").append(_classifyp)
            }
        })
        vipContent()

        function vipContent() {
            // $("#videoContent").ready(function () {
            let videoid = getQueryVariable("videoid")
            let pagination = getQueryVariable("p")
            if (pagination && pagination > 1 || videoid != "hceap-threshold") {
                setTimeout(function () {
                    $(".v_dialog").css("display", "flex")
                }, 500)
            }
            // })
        }

        document.querySelector(".hc_block1_item.active").scrollIntoView()
    })
</script>

</html>